<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: fzh
  Date: 2017/9/10
  Time: 23:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<!doctype html>
<html>
<head>
    <title>首页</title>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/default.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <style type="text/css">
        .background {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding-top: 80px;
            z-index: -10;
            width: 100%;
            height: calc(100% - 212px);
            position: fixed;
            top: 120px;
        }
        .background span {
            font-size: 6em;
            color: #CB0101;
            font-weight: bold;
        }
        .main-content {
            box-sizing: border-box;
            padding-top: 20px;
            padding-bottom: 60px;
            display: flex;
            min-height: calc(100% - 212px);
            justify-content: space-around;
            align-items: flex-end;
            background-color: transparent;
        }

        .main-content-left,
        .main-content-right {
            min-height: 100px;
        }

        .main-content-left {
            width: 40%;
        }

        .main-content-right {
            width: 40%;
        }

        .pane-title {
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            align-items: center;
            width: 100%;
            height: 30px;
        }

        .pane-title span:last-child:hover {
            cursor: pointer;
        }

        .pane-body {
            width: 100%;
            height: 100%;
            border: 1px lightgrey solid;
        }
    </style>
    <script type="text/javascript" src="http://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.api.min.js?"></script>
    <script type="text/javascript">
//        $youziku.load("body", "d0f27a80de6f45bdbae8620bb2d55dbd", "bycaoshu7000");
        $youziku.load("#bg", "d0f27a80de6f45bdbae8620bb2d55dbd", "bycaoshu7000");
        /*．．．*/

        $youziku.draw();
    </script>
</head>
<body>
<jsp:include page="/WEB-INF/components/pageHeader.jsp"/>
<div class="background"><span id="bg">为人民服务</span></div>
<div class="main-content">
    <div class="main-content-left">
        <div class="pane-title">
            <span>近日办事</span>
        </div>
        <div class="pane-body" id="e-body">
            <%--近日办事--%>
            <%--<c:forEach var="item" items="recentlyEvent">

            </c:forEach>--%>
        </div>
    </div>
    <div class="main-content-right">
        <div class="pane-title">
            <span>日程安排</span>
        </div>
        <div class="pane-body" id="d-body">
            <%--日程安排--%>
        </div>
    </div>
</div>
<jsp:include page="/WEB-INF/components/pageFooter.jsp"/>
</body>
</html>
